@import '../../app.scss';
.popup-mask{
  position: fixed;
  left:0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(#000000,0.5);
  // opacity: 0;
 
}

.popup{
  position: fixed;
  background: #fff;
  // opacity: 0;

  
  &.left{
     left:0;
     top:0;
     bottom:0;
     min-width: 50%;
  }

  &.center{
    left: 50%;
    top:50%;
    transform: translate(-50%,-50%);
    border-radius: 10rpx;
    max-height: 85%;
    max-width: 85%;
    overflow: hidden;
  }
  &.bottom{
    bottom: 0;
    left:0;
    right: 0;
    max-height: 85%;
    overflow: hidden;
    border-radius: 30rpx 30rpx 0 0;
  }
  &.right{
    right: 0;
    top:0;
    bottom: 0;
    max-width: 85%;
    overflow: hidden;
    border-radius: 30rpx 0 0  30rpx;
  }
  &.right-bottom{
    bottom: 0;
    right: 0;
    border-radius: 30rpx;
  }
}


.footer{
  display: flex;
  border-top: 1px solid #e6e6e6;
  .item{
    text-align: center;
    flex: 1;
    height: 80rpx;
    display: flex;
    border-right: 1px solid #e6e6e6;
    align-items: center;
    justify-content: center;
    font-size: 32rpx;
    font-weight: bold;
    &:last-child{
      border-right: none;
    }
    &.cancel{
      color: #191919;
    }
    &.confirm{
      color: #576b95;
    }
  }
}

.popup-dialog{
  padding: 30rpx 0 0;
  min-width:500rpx;
  max-width: 90%;
}
.dialog-head{
  padding:0 15rpx;
  font-size: 32rpx;
  text-align: center;
  color: #333;
  font-weight: bold;
}
.dialog-body{
  color: #333;
  padding:30rpx;
 
}